<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org">
<head>

</head>

<body>

	<table id="useCaseTable" class="table table-striped table-bordered"
		th:fragment="providertable">
		<thead>
			<tr>
				<th colspan="5">
					<span  th:utext="#{socialproviders}"></span>
					<div class="btn-group pull-right" th:if="${app!=null}">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									New Provider <span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<!-- dropdown menu links -->
									<li><a th:href="@{/newsocialprovider(application=${app.id},type='Facebook')}">Facebook</a></li>
									<li><a th:href="@{/newsocialprovider(application=${app.id},type='Twitter')}">Twitter</a></li>
								</ul>
					</div>
				
				
				</th>
			</tr>
			<tr>
				<th style="width: 5%" th:utext="#{sl}"></th>
				<th th:utext="#{name}"></th>
				<th th:utext="#{type}"></th>
				<th th:utext="#{providerkey}"></th>
				<th th:utext="#{created}"></th>
				<th th:utext="#{lastupdated}"></th>

			</tr>
		</thead>
		<tbody>
			<tr th:each="p , row : ${providers}"
				th:with="c=${p.createdDate.toDate()}, l=${p.modifiedDate.toDate()}">
				<td style="width: 5%"><a
					th:href="@{/editsocialprovider(provider=${p.id})}"
					th:text="${row.count}"></a></td>
				<td><a th:href="@{/editsocialprovider(provider=${p.id})}"
					th:text="${p.name}"></a></td>
					
				<td><a th:href="@{/editsocialprovider(provider=${p.id})}"
					th:text="${p.type}"></a></td>	
					
				<td><a th:href="@{/editsocialprovider(provider=${p.id})}"
					th:text="${p.providerKey}"></a></td>		

				<td><a th:href="@{/editsocialprovider(provider=${p.id})}"
					th:text="${beans.pretty.format(c)}"></a></td>
				<td><a th:href="@{/editsocialprovider(provider=${p.id})}"
					th:text="${beans.pretty.format(l)}"></a></td>


			</tr>
		</tbody>
	</table>
</body>
</html>
